<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .mycar{
        float: right;
    }
</style>
<body>
<!-- 搜索功能 -->
<form method="get" action="/index/" >

    <input type="search" name="search" >
    <input type="submit" value="搜索">
</form>
<!-- 进入我的购物车 -->
<div class="mycar">
    <form action="/myshopcar/" method="get">
        <input type="submit" value="我的购物车"  >
    </form>
</div>




<h1 align="center" style="color:red">首页</h1>
<!--  下面两行代码，二选一，没登陆显示，跳转 登录过显示 你好  -->
<!--通过name判断是否有值，来判断是否登录过 -->
{% if name %}
    <!-- 如果name有值，说明登录过，判断为true -->
    <p align="center">你好，{{ name }}</p>
    <a href="/logout/">退出登录</a>
{% else %}
    <!-- 如果name没有值，说明没有登录过，判断为false -->
    <p align="center"><a href="/login">跳转登录页面</a></p>
{% endif %}
<table align="center">
    <thead>
    <th>学生姓名</th>
    <th>成绩等级</th>
    </thead>
    <tbody>
    <tr>
        <td>{{ stuname }}</td>
        {% if sorce >= 90 %}
            <td>A</td>
        {% elif sorce >= 80 %}
            <td>B</td>
        {% elif sorce >= 60 %}
            <td>C</td>
        {% else %}
            <td>不合格</td>
        {% endif %}
    </tr>
    </tbody>
</table>
<br>
<table align="center" border="1">
    <thead align="center">
    <tr>
        <th>商品序号</th>
        <th>商品名称</th>
        <th>商品图片</th>
        <th>商品价格</th>
        <th>商品数量</th>
    </tr>
    </thead>
    <tbody align="center">
    {% for item in date %}
        <tr>
            <td>{{ item.shop_id }}</td>
            <td><a name="content" href="/content/?shop_id={{ item.shop_id }}">{{ item.shop_name }}</a></td>
            <td><img src="{{ item.shop_img }}" width="50" height="50"></td>
            <td>{{ item.shop_price }}</td>
            <td>{{ item.shop_nubmer }}</td>
        </tr>
    {% endfor %}
    </tbody>
<!-- 分页功能-->
    <tfoot>
        <tr>
            <th colspan="5">
                {% for i in pagelist %}
                    <a href="/index/?page_num={{ i }}">{{ i }}</a>
                {% endfor %}
            </th>
        </tr>
    </tfoot>
</table>


</body>


</html>